bitforum-frontend/app/(forum)/board/[code]/style.scss

#board {
	padding: 25px 32px 32px 32px;

	h1 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	// 검색 조건
	.list-header, .list-footer {
		select, input[type="search"], input[type="radio"] {
			height: 34px;
		}

		input[type="radio"] {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}

		a, button {
			line-height: 34px;
			padding: 0 15px;
		}
	}

	// 상단 제어 버튼
	.list-header {
		display: grid;
		grid-template-columns: 1fr auto auto;
		gap: 7px;
		align-items: end;

		section:first-child {
			flex: 1 1 auto;
			min-width: 0;
		}

		article {
			overflow: hidden;       	// 넘치는 애들은 숨김
			white-space: nowrap;    	// 줄바꿈 방지
			text-overflow: ellipsis;	// 필요 시 말줄임
			display: flex;
			gap: 0.5rem;

			ul {
				display: flex;
			  	gap: 0.5rem;

			  	li {
					flex-shrink: 0;

					label {
						display: block;
						line-height: inherit;
						padding: 0.25rem 0.75rem;
						background: #f1f1f1;
						border-radius: 6px;
						white-space: nowrap;
						cursor: pointer;

						&:hover, &:focus {
							color: #c7511f;
							background: #e1e1e1;
							text-decoration: underline;
						}

						&.active {
							background: #000;
							color: #f1f1f1;
						}
					}
			  	}
			}
		}
	}

	// 하단 제어 버튼
	.list-footer {
		display: grid;
		grid-template-columns: 1fr auto;

		> section:first-child > form {
			display: flex;
			align-items: center;
			gap: 7px;
		}
	}
}